import { useNavigate } from "react-router-dom";
// import { Home } from "lucide-react";

export default function NotFound() {
  const navigate = useNavigate();

  return (
    <div style={{ textAlign: "center", marginTop: "10%" }}>
      <div className="bg-white/95 backdrop-blur-sm rounded-2xl shadow-xl p-8 max-w-md w-full text-center">
        <h1 className="text-6xl font-bold text-gray-900 mb-4">404</h1>
        <h2 className="text-2xl font-semibold text-gray-800 mb-4">
          Page Not Found
        </h2>
        <button
          onClick={() => navigate("/")}
          className="inline-flex items-center px-6 py-3 bg-gray-900 hover:bg-gray-800 text-white font-semibold rounded-lg transition duration-300 ease-in-out transform hover:scale-[1.02] gap-2"
        >
          返回登录页
        </button>
      </div>
    </div>
  );
}
